<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='images/logo.png' rel='shortcut icon' />
<title>消息记录</title>
<style>
* {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}

body {
	overflow: hidden;
}

::-webkit-input-placeholder{
	color: #3D3D3D;
}

::-webkit-scrollbar-track-piece{
	-webkit-border-radius: 0;
}
::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-thumb{
	height: 50px;
	background-color: #aaa;
	-webkit-border-radius: 4px;
	outline: 1px solid #fff;
	outline-offset: -1px;
	border: 1px solid #fff;
}
::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #555;
	-webkit-border-radius: 4px;
}

#chatBox {
	height: 100%;
	width: 100%;
	position: absolute;
	white-space: normal;
	word-break: break-all;
	overflow-y: scroll;
	background: white;
}

#chatBox img {
	max-width: 80%;
}

.msgName {
	padding: 0 5px;
	font-size: 12px;
	color: blue;
	height: 23px;
	line-height: 23px;
}

.msgNameSelf {
	padding: 0 5px;
	font-size: 12px;
	color: #008040;
	height: 23px;
	line-height: 23px;
}

.notice {
	font-size: 12px;
	color: gray;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
</style>
</head>
<body>
<div id="chatBox"></div>
<script src="scripts/common.js"></script>
<script src="scripts/history.js"></script>
</body>
</html>